<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="resources/css/jk_control.css" rel="stylesheet"/>
    <link href="resources/plugins/bootstrap-3.3.0/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="resources/plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet"/>
    <link href="resources/plugins/bootstrap-table-1.11.0/bootstrap-table.min.css" rel="stylesheet"/>
    <link href="resources/plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>
    <link href="resources/plugins/jquery-confirm/jquery-confirm.min.css" rel="stylesheet"/>
    <link href="resources/plugins/select2/css/select2.min.css" rel="stylesheet"/>
    <link href="resources/css/zui.css" rel="stylesheet"/>
    <link href="resources/css/zui.lite.css" rel="stylesheet"/>
    <link href="resources/css/zui-theme.css rel="stylesheet"/>
    <title>监控</title>
</head>
<body>
<div class="jk_main">
<div class="selectsButton">
    <div class="btn-group" style="margin-left: 20px;margin-right: 10px;">
        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">猪舍
            <span class="caret"></span>
        </button>

        <ul class="dropdown-menu" role="menu">
            <li><a href="###">1号</a></li>
            <li><a href="###">2号</a></li>
            <li><a href="###">3号</a></li>
        </ul>
    </div>
    <div class="btn-group" style="margin-left: 10px;margin-right: 10px;">
        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">猪栏
            <span class="caret"></span>
        </button>

        <ul class="dropdown-menu" role="menu">
            <li><a href="###">1号</a></li>
            <li><a href="###">2号</a></li>
            <li><a href="###">3号</a></li>
        </ul>
    </div>
    <div class="btn-group" style="margin-left: 10px;margin-right: 10px;">
        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">起始时间<span class="caret"></span></button>
        <ul class="dropdown-menu" role="menu">
            <li><a href="###">1:00</a></li>
            <li><a href="###">2：00</a></li>
            <li><a href="###">3:00</a></li>
        </ul>
    </div>
    <div class="btn-group" style="margin-left: 10px;margin-right: 10px;">
        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">终止时间<span class="caret"></span></button>
        <ul class="dropdown-menu" role="menu">
            <li><a href="###">1:01</a></li>
            <li><a href="###">1：02</a></li>
            <li><a href="###">1:03</a></li>
        </ul>
    </div>
    <button class="btn btn-primary" type="button"><i class="icon icon-star"></i>查看</button>
</div>
    <hr>
<div class="picture">
    <div class="text_select"></div><font>摄像头转动:</font><input type="text" ><button class="btn" type="button">转动</button></div>

    <div class="left_picture">
<img src="resources/images/timg.gif" class="timg">
    </div>
    <div class="right_select">
        <div class="set">
        <font size="4px;" style="text-align: center">是否开启摄像头：</font>
        <div class="switch switch-inline">
            <input type="checkbox">
            <label>否</label>
        </div>
            <h2>分析结果</h2>
                <h4 style="color: #fc9d75">0001号猪只：</h4>
                <li>日走距离xxx</li>
                <li>当前体温xxx</li>
                <li>当前体重xxx</li>
                <li>行为异常信息:步行次数太少，有怀孕迹象</li>
            <h4 style="color: #fc9d75">0002号猪只：</h4>
            <li>日走距离xxx</li>
            <li>当前体温xxx</li>
            <li>当前体重xxx</li>
            <li>行为异常信息:步行次数太多，有减肥的想法，请及时制止</li>
            <h4 style="color: #fc9d75">0003号猪只：</h4>
            <li>日走距离xxx</li>
            <li>当前体温xxx</li>
            <li>当前体重xxx</li>
            <li>行为异常信息:体温太高，碰到摄像头有点害羞</li>
            <h4 style="color: #fc9d75">0004号猪只：</h4>
            <li>日走距离xxx</li>
            <li>当前体温xxx</li>
            <li>当前体重xxx</li>
            <li>行为异常信息:体温太低，需要衣服</li>

            </ul>
    </div>
</div>
</div>
<script src="resources/plugins/jquery.1.12.4.min.js"></script>
<script src="resources/plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
<script src="resources/plugins/bootstrap-table-1.11.0/bootstrap-table.min.js"></script>
<script src="resources/plugins/bootstrap-table-1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="resources/plugins/waves-0.7.5/waves.min.js"></script>
<script src="resources/plugins/jquery-confirm/jquery-confirm.min.js"></script>
<script src="resources/plugins/select2/js/select2.min.js"></script>
</body>
</html>